<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_732855_p0vq39gk9ib.css" />-->
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<!--head start-->
		<div class="head">
			<span class="iconfont icon-menu" id="menu"></span>
			<a href=""></a>
			<span id="search-open" class="iconfont icon-search"></span>
		</div>
		<!--head end-->
		<!--nav start-->
		<div class="nav">
			<a href="" class="active">Home</a>
			<a href="">AC正义</a>
			<a href="">娱乐</a>
			<a href="">游戏</a>
			<div class="more" ><span>...</span>
				<div class="erji">
					<a class="" href="">文章</a>
					<a href="">二次元</a>
					<a href="">动画</a>
					<a href="">国产</a>
					<a href="">音乐</a>
					<a href="">科技</a>
					<a href="">体育</a>
					<a href="">合辑</a>
				</div>
			</div>
		</div>
		<!--menu start-->
		<div class="menu_main">
			<div class="con">
				<div class="menu">
					<span></span>
					<div class="menu_tx">
						<a  class="tx_left" href=""><img src="img/avatar.jpg"/></a>
						<a  class="tx_login" href="">登录</a>
					</div>
					<div class="mentu_nav">
						<h3>导航</h3>
						<i class="nav_xian"></i>
					</div>
										
				</div>
				<div class="menuList">
					<div class="ListContent">
						<div class="listLeft">
							<a href="">AC·正义</a>
						</div>
						<div class="listRight">
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">文章</a>
						</div>
						<div class="listRight">
							<a href="">综合</a>
							<a href="">工作情感</a>
							<a href="">动慢文化</a>
							<a href="">漫画小说</a>
							<a href="">游戏</a>
							<a href="">游戏涂鸦</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">娱乐</a>
						</div>
						<div class="listRight">
							<a href="">生活娱乐</a>
							<a href="">鬼畜调教</a>
							<a href="">萌宠</a>
							<a href="">美食</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">动画</a>
						</div>
						<div class="listRight">
							<a href="">TV动画</a>
							<a href="">剧场动画</a>
							<a href="">动画短片</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">二次元</a>
						</div>
						<div class="listRight">
							<a href="">短片·手书</a>
							<a href="">MAD·AMV</a>
							<a href="">MAD·3D</a>
							<a href="">动画资讯</a>
							<a href="">COSPLAY·声优</a>
							<a href="">布袋·特摄</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">国产</a>
						</div>
						<div class="listRight">
							<a href="">国产动画</a>
							<a href="">资讯·延伸</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">游戏</a>
						</div>
						<div class="listRight">
							<a href="">游戏集锦</a>
							<a href="">电子竞技</a>
							<a href="">主机单机</a>
							<a href="">英雄联盟</a>
							<a href="">桌游卡牌</a>
							<a href="">英雄联盟</a>
							<a href="">Mugen</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">音乐</a>
						</div>
						<div class="listRight">
							<a href="">原创·翻唱</a>
							<a href="">演奏</a>
							<a href="">Vocaloid</a>
							<a href="">日系音乐</a>
							<a href="">综合音乐</a>
							<a href="">演唱会</a>
						</div>
					</div>
					<div class="ListContent">
						<div class="listLeft">
							<a href="">鱼塘</a>
						</div>
						<div class="listRight">
							<a href="">历史</a>
							
						</div>
					</div>
				</div>
				<div class="menuCose">
					<button id="close">关闭</button>
				</div>
			</div>
		
	</div>
		<!--menu end-->		
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/1528702849557.jpg" /></div>
				<div class="swiper-slide"><img src="img/1526846661.gif" /></div>
				<div class="swiper-slide"><img src="img/1526728074.jpg" /></div>
				<div class="swiper-slide"><img src="img/1526484139.gif" /></div>
				<div class="swiper-slide"><img src="img/1527408353.jpg" /></div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Initialize Swiper -->

		</div>
		<!-- Swiper End-->
		<!--news start-->
		<div class="news">
			<a href="">文章</a>
			<i class="iconfont icon-gengduo1"></i>
		</div>
		<!--news end-->
		<div class="newsmain">
			<div class="first">
				<div class="first_left">
					<img src="img/cover-day.png" />
				</div>
				<div class="first_right">
					<a href="">丹麦生蚝泛滥后澳海胆也成灾 网友：快发“海胆签证”</a>
					<p>丹麦生蚝泛滥后澳海胆也成灾 网友：快发“海胆签证”</p>
				</div>
			</div>
			<div class="second">
				<h3>P5果然天下第一？IGN日本评选史上十佳RPG</h3>
				<p><i class="iconfont icon-huihua"></i>176</p>
			</div>
			<div class="second">
				<h3>怪物猎人世界到来前，这部漫画尝试描绘了猎人们的梦想</h3>
				<p><i class="iconfont icon-huihua"></i>80</p>
			</div>
			<div class="second" style="border: none;">
				<h3>【dota2】Newbee攻克残阵Secret杀入ESL ONE云顶决赛</h3>
				<p><i class="iconfont icon-huihua"></i>183</p>
			</div>
		</div>
		<!--动画 start-->
		<div class="news">
			<a href="">动画</a>
			<i class="iconfont icon-gengduo1"></i>
		</div>
		<div class="donghuamain">
			<div class="dh_left">
				<div class="dh_img"></div>
				<div class="dh_dec">
					<p>Lovelive! Sunshine!! 第二季</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="dh_img2"></div>
				<div class="dh_dec">
					<p>少年锦衣卫 第二季</p>
				</div>

			</div>
			<div class="dh_left">
				<div class="dh_img3"></div>
				<div class="dh_dec">
					<p>【A站独家】侧车搭档</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="dh_img4"></div>
				<div class="dh_dec">
					<p>神怒之日</p>
				</div>
			</div>
		</div>
	<!--动画 start-->
		<div class="news">
			<a href="">二次元</a>
			<i class="iconfont icon-gengduo1"></i>
		</div>
		<div class="donghuamain">
			<div class="dh_left">
				<div class="dh_21"></div>
				<div class="dh_dec">
					<p>【紫罗兰永恒花园】为官方做片尾【误】</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="dh_22"></div>
				<div class="dh_dec">
					<p>【预告/大片向】如果用欧美大片的方式打开国家队 // 你就是我的Darling吗</p>
				</div>

			</div>
			<div class="dh_left">
				<div class="dh_23"></div>
				<div class="dh_dec">
					<p>【冰冰】人设崩坏~我的名字是你大爷！</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="dh_24"></div>
				<div class="dh_dec">
					<p>美漫巅峰脑洞之作 不可不看的《睡魔》</p>
				</div>
			</div>
		</div>
		<!--音乐 start-->
		<div class="news">
			<a href="">音乐</a>
			<i class="iconfont icon-gengduo1"></i>
		</div>
		<div class="donghuamain">
			<div class="dh_left">
				<div class="yy_1"></div>
				<div class="dh_dec">
					<p>【紫罗兰永恒花园】为官方做片尾【误】</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="yy_2"></div>
				<div class="dh_dec">
					<p>【预告/大片向】如果用欧美大片的方式打开国家队 // 你就是我的Darling吗</p>
				</div>

			</div>
			<div class="dh_left">
				<div class="yy_3"></div>
				<div class="dh_dec">
					<p>【冰冰】人设崩坏~我的名字是你大爷！</p>
				</div>
			</div>
			<div class="dh_left">
				<div class="yy_4"></div>
				<div class="dh_dec">
					<p>美漫巅峰脑洞之作 不可不看的《睡魔》</p>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
			<a class="btn" href="">还有啥？戳我去客户端看看(・ω・)ノ</a>
			<div class="footer_nav">
				<a href="">关于</a>
				<a href="">反馈</a>
				<a href="">地图</a>
				<a href="">帮助</a>
				<a href="">更多应用</a>
			</div>
			<div class="footer_nav">
				<p>Copyright © 2007-2018 acfun.cn</p>
			</div>
		</div>
		<!--返回顶部-->
		<div class="fhtop"id="top" ><i class="iconfont icon-top"></i></div>
		<!--search-->
		<div class="search">
			<div class="searchTop">
				<a class="searchTop-logo" href=""></a>
				<i class="iconfont icon-search"></i>
				<input type="" name="" id="" value="" placeholder="请输入关键词" />
				<a class="qx" href="javascript:;">取消</a>
			</div>
			<div class="searchMain">
				<div class="searchMain-tittle">热门搜索</div>
				<div class="searchMain-main">
					<a href="">木鱼微剧场</a>
					<a href="">评论才是本体</a>
					<a href="">绝地求生</a>
					<a href="">STEAM周榜</a>
					<a href="">野食小哥</a>
					<a href="">奥雷</a>
					<a href="">A站十周年信用卡</a>
					<a href="">STN快报</a>
					<a href="">中国交通事故合辑</a>
					<a href="">品城记</a>
					
					
				</div>
			</div>
		</div>

		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
				},
				autoplay: {
					delay: 2500, //1秒切换一次
				},
				loop: true,
			});
		</script>
	</body>

</html>